<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt9"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7 ielt9"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8 ielt9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<%@ include file="head.jsp"%>

<body style="min-width: 980px;min-height: 650px;">
	<div class="pageBody" style="height: 65%">
		<div id="slider" class="slider">

			<ul class="sliderCont">
				<c:forEach items="${games }" var="game">
					<li><a href="${game.index}" target="_blank"
						title="${game.partyTitle }"><img
							src="/products/indexPic/${game.picBig}" alt="${game.partyTitle}" /></a></li>
				</c:forEach>
			</ul>
			<ul class="sliderBar">
				<c:forEach items="${games }" var="game" varStatus="status">
					<li><a href="#" title="${game.partyTitle }">${status.count }</a></li>
				</c:forEach>
			</ul>
		</div>
		<div class="main clear">
			<div class="mod recom">
				<div class="modHead">
					<h2 class="modTitle">游戏目录</h2>
				</div>
				<div class="modbox">
					<ul class="ul_yxml">
						<c:forEach items="${games }" var="game">
							<li class="li_yxml">
								<div class="csico">${game.version }版本</div>
								<div class="ul_pic">
									<div class="ul_text">
										<p>${game.desc }</p>
									</div>
									<a href="${game.index }" class="href" target="_blank"></a><img
										src="/products/indexPic/${game.picDir }" />
								</div>
								<ul>
									<li class="rdui"><a href="${game.bbsIndex }" class="f4a"
										target="_blank">论坛<span>论坛</span></a></li>
									<li class="rdui"><a
										href="${game.downloadUrl}" class="f4a"
										target="_blank">下载<span>下载</span></a></li>
									<li><a href="${game.index }" class="f4a" target="_blank">访问《${game.gameName}》<span>访问《${game.gameName}》</span></a></li>
								</ul>
							</li>
						</c:forEach>
					</ul>
				</div>
			</div>
			<div class="content" style="width:102.7%">
				<div class="mod news" style="width: 48%">

					<div class="modHead">
						<h2 class="modTitle">
							<a href="/products/news?newsType=1&pageIndex=0">游戏信息</a>
						</h2>
					</div>
					<c:forEach items="${gameNews }" var="gameNew">
						<div class="modBody">
							<div class="topline">
								<div class="wrapImg">
									<a target="_blank" href="${gameNew.gameTab.index}"><img
										src="/products/indexPic/${gameNew.gameTab.icon }"
										alt="${gameNew.gameTab.gameName }" /></a>
								</div>
								<h3>
									<a target="_blank" href="${gameNew.gameTab.index}">${gameNew.gameTab.gameName }</a>
								</h3>
							</div>
							<ul class="linkLists">
								<c:forEach items="${gameNew.arrayList}" var="arr" begin="0"
									end="3">
									<li><a href="/products/newsDetail?id=${arr.id}"
										 title="${arr.title}">${arr.title}</a></li>
								</c:forEach>
							</ul>
							<ul class="linkLists2">
								<c:forEach items="${gameNew.arrayList}" var="arr" begin="4"
									end="6">
									<li><a href="/products/newsDetail?id=${arr.id}"
										target="_blank" title="${arr.title}">${arr.title}</a></li>
								</c:forEach>
							</ul>

						</div>
					</c:forEach>
				</div>
				<div class="mod activity" style="width: 48%">

					<div class="modHead">
						<h2 class="modTitle">
							<a href="/products/news?newsType=2&pageIndex=0">公司动态</a>
						</h2>
					</div>
					<div class="modBody">
						<ul class="linkLists2">
							<c:forEach items="${productsNews }" var="productNew">
								<li><a href="/products/newsDetail?id=${productNew.id}"
									 title="${productNew.title}">${productNew.title}</a></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="adBar">
				<a href="http://tkfy.kongzhong.com/" target="_blank"><img
					src="http://img.kongzhong.com/kongzhong/20141125/10839.jpg"
					width="980" height="90"></a>
			</div>
			<div class="content"></div>
		</div>
	</div>


	<script type="text/javascript" src="/products/js/jquery142.js"></script>

	<script type="text/javascript">
		(function($) {
			$.fn.slide = function(options) {
				var obj = $(this);
				var objBar = $(options.slideBar, $(this));
				var objContent = $(options.slideContent, $(this));
				var timeOut = options.step;
				var maxNum = $(objContent).size();
				var curID = 0;
				var autoSlide;
				var picID = 0;
				$(objContent).hide();
				$(objContent).eq(0).show();
				$(objBar).removeClass("current");
				$(objBar).eq(0).addClass("current");
				autoScrolll();
				$(objContent).hover(function() {
					StopScrolll();
				}, function() {
					autoScrolll();
				});
				$(objBar).hover(function() {
					StopScrolll();
					picID = $(this).index();
					if (picID >= maxNum)
						return;
					if (picID != curID) {
						$(objContent).removeClass("current");
						$(objBar).removeClass("current");
						$(objContent).eq(picID).addClass("current");
						$(objBar).eq(picID).addClass("current");
						$(objContent).eq(picID).fadeIn(1000);
						$(objContent).eq(curID).fadeOut(500);
						curID = picID;
					}
				}, function() {
					autoScrolll();
				});
				$(objBar).click(function() {
					StopScrolll();
				});
				function autoScroll() {
					curID++;
					curID = curID >= maxNum ? 0 : curID;
					if ($(objContent).filter(":visible").index() != curID) {
						$(objContent).removeClass("current");
						$(objBar).removeClass("current");
						$(objContent).eq(curID).addClass("current");
						$(objBar).eq(curID).addClass("current");
						$(objContent).filter(":visible").fadeOut(500).parent()
								.children().eq(curID).fadeIn(1000);
					}
				}
				function autoScrolll() {
					autoSlide = setInterval(autoScroll, timeOut);
				}
				function StopScrolll() {
					clearInterval(autoSlide);
				}
			}
			$.fn.adFixed = function(btn, sTop) {
				var adBar = $(this);
				var screen_w = screen.width;
				if (screen_w > 1024) {
					adBar.show();
				} else {
					adBar.hide()
				}
				;
				var m = parseInt(adBar.css('top'));
				$(window).scroll(function() {
					var scrollTop = $(window).scrollTop();
					if (scrollTop > (m)) {
						adBar.stop().animate({
							top : scrollTop + sTop
						});
					} else {
						adBar.stop().animate({
							top : m
						})
					}
				});
				btn.click(function() {
					$(this).parent().hide();
					return false;
				});
			}

		})(jQuery);
		$(document).ready(function() {
			$("#slider").slide({
				slideBar : ".sliderBar > li",
				slideContent : ".sliderCont > li",
				step : 4000
			});
			$(".adFixed").adFixed($(".btnClose"), 30);
			
		});
		var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://"
				: " http://");
		document
				.write(unescape("%3Cscript src='"
						+ _bdhmProtocol
						+ "hm.baidu.com/h.js%3F1287c2225a527abe3386233dd9316f99' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript" src="/products/refer.js"></script>

	<%@ include file="footer.jsp"%>
</body>

</html>